<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="./images/logo_link.png">
    <!-- 外部CDN资源保持不变 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/main.css">
    <!-- 预加载关键图片 -->
    <link rel="preload" as="image" href="./images/logo-wcTKX415.png">
    <link rel="preload" as="image" href="./images/收.png">
    <link rel="preload" as="image" href="./images/Left.PNG">
    <link rel="preload" as="image" href="./images/Right.PNG">
    <title>Funny Puzzles</title>
</head>

<body>
    <div class="box">
        <div class="header">
            <div class="center">
                <!-- 导航栏关键图片，不使用懒加载 -->
                <img src="./images/收.png" alt="" class="show_content" onclick="window.show_content()">
                <div class="left">
                    <img class="Icon" src="./images/logo-wcTKX415.png" alt="logo">
                    <ul class="header_list">
                        <li class="home">
                            <span>All</span>
                            <div class="line"></div>
                        </li>
                        <li class="game">
                            <span>Top</span>
                            <div class="line"></div>
                        </li>
                        <li class="action">
                            <span>Cartoon</span>
                            <div class="line"></div>
                        </li>
                        <li calss="women">
                            <span>Play</span>
                            <div class="line"></div>
                        </li>
                        <li class="couples">
                            <span>Couples</span>
                            <div class="line"></div>
                        </li>
                        <li class="trivia">
                            <span>Sports</span>
                            <div class="line"></div>
                        </li>
                        <li class="sports">
                            <span>Naturally</span>
                            <div class="line"></div>
                        </li>
                        <li class="music">
                            <span>Music</span>
                            <div class="line"></div>
                        </li>
                    </ul>
                </div>
                <div class="right">
                    <span type="search" class="fa fa-search" onclick="window.ShowSearch()"
                        style="font-size: 20px;font-weight: 100;"></span>
                    <span class="login">Sign In</span>
                </div>
                <div class="search">
                    <input type="search" name="" id="" placeholder="search such as anime">
                    <button type="submit" class="fa fa-search"></button>
                </div>
            </div>
        </div>
        <div class="header_bottom">
        </div>
        <div class="content">
            <div class="center adver">
                <!-- 列表一 -->
                <div class="card_one">
                </div>
                <div class="card_one">
                </div>
                <div class="zore adver"></div>
                <div class="card_one">
                </div>
                <div class="zore adver"></div>
                <div class="card_one">
                </div>
                <div class="card_one">
                </div>
            </div>
        </div>
        <div class="bottom">
            <div class="center">
                <div class="top">
                    <a href="./pages/about.html">About us</a>
                    <a href="./pages/policy.html">Privacy Policy</a>
                    <a href="./pages/terms.html">Terms of Use</a>
                    <a href="./pages/contact.html">Contact us</a>
                    <a href="./pages/feedback.html">Feedback</a>
                </div>
                <div class="bot">
                    Copyright © 2019-2024 | All rights reserved.
                </div>
            </div>
        </div>
    </div>
</body>

</html>